@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
body {font-family:"微软雅黑"}
a {color: inherit;text-decoration: none;outline-style: none;}
ul, ol, li {list-style: none;}
p ,input {color: inherit;}
img {border: 0 none;}


/*顶部*/
.top{ width:100%; height:96px; background:url(../img/top.gif) center; margin:auto;}
.top1{ width:1300px; height:96px; margin:auto;}
.logo{ width:364px; height:96px; float:left}
.nav{ width:746px; height:96px; float:left;}
.nav li{ width:142px; height:64px; text-align:center; padding-top:32px; float:left}
.nav li p{ font-size:16px; color:#FFF}
.nav li p.eng{font-size:9px; color:#FFF; font-family:"Arial"} 
.nav li:hover{ background-color:#00873a}
.nav li.present ,.nav li:hover { background-color:#00873a}


.banner {position: relative;}
.banner .bd li {height:671px;}
.banner .hd {position: absolute; bottom: 6px; left: 50%; z-index: 10; margin: 0 auto; text-align: center;}
.banner .hd-bg {position: absolute;bottom: 0;height: 20px;width: 100%;}
.banner .hd li {float: left; width: 33px; height: 7px; margin-right: 4px; background: #5e5e60;}
.banner .hd li.on {background: #02a852;}

.index{ width:100%; height:778px; margin:auto; background:url(../img/index_09.jpg) center}
.index1{ width:1215px; height:778px; margin:auto;}
.index2{ width:1215px; height:130px; float:left; margin-top:47px;}
.index2_left{ width:378px; height:130px; float:left;}
.index2_left2{ width:378px; height:30px; font-size:20px; color: #333; font-weight:bold; text-align:right; }
.index2_left3{ width:378px; height:33px; background-color:#02a852; font-size:16px; color:#FFF; text-align:center; line-height:30px;}

/*搜索*/
.search-box {float: left; margin:0 0 0 80px; width:438px; height:80px; background:url(../img/index_11.gif) repeat-x; }
.search-input { float: left; width: 380px; font-size: 14px;line-height: 30px; margin:5px; border:#FFF ;}
.search-text{ width:400px; height:20px; font-size:14px; color: #666; float:left; margin-top:6px}

.index3{ width:227px; height:62px; float:right; margin-right:20px;}

/*首页公司简介*/
.index_about{ width:663px; height:500px; float:right; margin-top:80px}
.index_about1{ width:514px; height:43px; float:left; background-image:url(../img/index_24.gif); text-align:center; font-size:18px; color:#FFF; line-height:42px; margin-left:80px}
.index_about2{ width:630px; height:1px; background-color:#d2d2d2; overflow:inherit; float:left; margin:40px 0 0 15px }
.index_about3{ width:590px; height:300px; float:left; font-size:14px; line-height:30px; color: #666;text-indent:2em; margin:30px 0 0 35px}


/*首页环保真专家*/
.index_hb{ width:100%; height:289px; background:url(../img/index_30.gif) repeat-x; margin:auto}
.index_hb1{ width:1024px;  height:280px; margin:auto;   }

.index4_box{ width:1300px; height:300px; margin:auto}
.index4{ width:1300px; height:353px; margin-top:78px}
.index4 li{ width:162px; height:180px;float: left; overflow:hidden; text-align:center; }
.index4 li .hiding{ display:none;margin:0 auto 10px auto}
.index4 li .showing{ display:block;margin:0 auto 10px auto }
.index4 li:hover .showing{display:none; }
.index4 li:hover .hiding{ display:block; }
.index4 li p{ width:265px;    text-align: center; font-size:14px; color:#767676; margin-top:15px}
.index4_text{font-size:10px; color: #666; text-transform:uppercase;font-family:Arial}
.index4_english{font-size:20px; color:#169c50; font-family:微软雅黑;font-weight:bold}

/*首页特点*/
.index5{ width:100%; height:515px; background:url(../img/index_58.gif) center; margin:auto}
.index6{ width:1215px; height:515px; margin:auto}
.index7{ width:315px; height:65px; margin:auto;}
.index8{ width:1190px; font-size:16px; padding:50px 0 20px 0; line-height:28px; color:#333333}

/*首页案例*/
.index9{ width:100%; height:923px; margin:auto; background:url(../img/index_62.gif) center}
.index10{ width:1300px; height:923px; margin:auto;}
 
.index11{ width:1300px; height:700px; float:left; margin-top:30px}
.inBox{padding:15px 15px 0 15px;}
.inBox .inHd{display:block;width:1300px;height:13px;margin-top:50px;text-indent: -9999px;}
.inBox .inHd ul{margin-left:46%;overflow:hidden; zoom:1;}
.inBox .inHd ul li{background: #d0d0d0;height:13px;width:13px;text-align:center;float:left;cursor:pointer;margin:0 5px; }
.inBox .inHd ul li.on{background: #008651;}

.inBox .inBd ul{float: left;zoom:1;overflow:hidden;}
.inBox .inBd li{display: block;margin:40px 15px 0 15px;overflow:hidden; background:url(../img/index_68.gif) no-repeat; width:388px; height:250px}
.inBox .inBd li a{display:block;overflow:hidden; margin:3px}
.inBox .inBd li a p{display:block;font-size:18px;color:#4c4c4c;line-height:2;}
.inBox .inBd img{max-width: 100%;}

/*底部*/
.foot{ width:100%; height:344px; background:url(../img/index_72.gif) repeat-x; margin:auto;  }
.foot1{ width:1200px; height:344px; margin:auto}
.foot_logo{ width:329px; height:201px;  margin:auto; }
.foot2{ width:1200px; height:26px; font-size:14px; color:#FFF; text-align:center; float:left; margin-top:30px;}
.foot3{ width:500px; height:26px; font-size:12px; color:#FFF;  float:left;  margin-top:64px;}
.foot4{ width:500px; height:26px; font-size:12px; color:#FFF;  float:right;  margin-top:64px; text-align:right; padding-right:50px;}


/*公司简介*/
.about_banner{ width:100%; height:361px; text-align:center}

.about_box{ width:100%; background:url(../img/about_04.jpg) center top no-repeat; margin:auto; overflow:hidden}
.about_box1{ width:1200px; height:100%; margin:auto; padding:auto;}
.left{ width:227px; height:100%; float:left; margin:30px 0 80px 0}
.left1{ width:227px; height:91px;  background-image:url(../img/left.jpg)}
.left_product{ width:227px; height:91px;  background-image:url(../img/left.jpg); margin-top:40px}

.left2 { width:227px; height:30px; font-size:24px; color:#FFF;text-align:center; padding-top:20px}
.left3{ width:227px; height:25px; font-size:12px; color: #FFF;text-transform : uppercase; font-family:"Arial"; text-align:center}
.left4{ width:227px; height:auto;}
.left4 li{ width:227px; height:46px; background-color:#f3f1f1; text-align:center; background:url(../img/about_14.gif) no-repeat; font-size:14px;font-weight:600; line-height:44px; margin-top:3px}
.left4 li.present ,.left4 li:hover{ background:url(../img/about_12.gif) no-repeat;}
.left4 li p{ color:#438a7c; font-weight:600}
.left4 li.present  p,.left4 li:hover p{ background:url(../img/about_12.gif);color:#fff;font-weight:600}

.left5{ width:227px; height:58px;  margin-top:30px; background:url(../img/about_16.gif)}
.left6 { width:227px; height:22px; font-size:18px; color:#FFF;text-align:center; padding-top:10px}
.left7{ width:227px; height:16px; font-size:12px; color: #FFF;text-transform : uppercase; font-family:"Arial"; text-align:center}
.left8{ width:225px;  background-color:#FFF; border:#CCC 1px solid}
.left9{ width:200px;  font-size:14px; color: #666; line-height:22px; padding:13px}
.left10{  font-size:14px; color: #666;font-weight:600}
.left11{ font-size:14px; font-family:"Arial"; color:#900;font-weight:600; line-height:22px; padding:5px 0 5px 0}
.left12{  font-size:14px; color: #666;font-weight:600;padding-top:5px}

.right{ width:950px; float:right;margin:30px 0 20px 0; background-color:#FFF}
.right1{ width:950px; height:58px; background-image:url(../img/about_11.gif)}
.right2{ height:20px; font-size:18px; float:left; color:#4e4e4e;font-weight:600; padding:15px 5px 0 30px}
.right3{height:20px; font-size:18px; float:left; color:#999;font-weight:600;text-transform : uppercase; padding-top:16px}
.right4{ height:18px; float:right; color:#999; font-size:12px; padding:22px 15px 0 0}
.right5{ width:870px; font-size:14px; color:#666; line-height:32px; padding:40px}
.right_product{ width:950px; height:auto; margin-top:40px}
.right_product li{ width:275px; height:220px; float:left; background:url(../img/about_05.gif) no-repeat; margin:10px 20px 0 20px}
.right_product li img{ width:265px; height:169px; margin:5px; float:left}
.right_product1{ width:275px; height:30px; float:left; font-size:14px; color:#333; text-align:center; line-height:34px;}
.right_product1 a:hover{ color:#090; font-weight:bold}

.right_product2{ font-size:16px; font-weight:bold; color:#333; text-align:center; width:950px; height:30px; float:left; margin-top:50px;}
.right_product3{ width:950px; float:left; border: #CCC 1px solid; text-align:center; padding:20px 0 20px 0}
.right_product4{ width:200px; height:40px; float:left; background-color:#169c50; color:#FFF; font-size:14px; font-weight:bold; margin-top:20px; text-align:center; line-height:40px}
.right_product5{ width:900px; float:left; border: #CCC 1px solid;   padding:20px 25px 40px 25px; color:#666; font-size:14px}


.right_product6{ width:950px; height:40px;border: #CCC 1px solid; margin:50px 0 50px 0; float:left; color:#999}
.right_product6 a:hover{ color:#00873a;   font-size:16px}


.paging_1{ width:950px; height:120px;   margin-top:50px; float:left}
.paging_2{float:left;width:500px; font-size:14px }
.paging_2 {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; margin:20px 0 20px 130px; display:inline;PADDING-TOP: 10px; TEXT-ALIGN: center} 
.paging_2 A {BORDER: #169c50 1px solid; padding:10px 15px 10px 15px; MARGIN: 2px; color: #169c50 !important;  TEXT-DECORATION: none}
.paging_2 A:hover {BORDER: #169c50 1px solid; BACKGROUND-COLOR: #169c50; color:#FFF!important ; text-decoration:none;}
.paging_2 A:active {BORDER-RIGHT: #169c50 1px solid; BORDER-TOP: #169c50 1px solid; BORDER-LEFT: #5192ce 1px solid; COLOR:#169c50; BORDER-BOTTOM: #169c50 solid}
.paging_2 SPAN.current {BORDER:#169c50 1px solid;    MARGIN: 2px; COLOR:#FFF;  padding:10px 15px 10px 15px;
                         BACKGROUND-COLOR: #169c50}
.paging_2 SPAN.disabled {BORDER: #169c50 1px solid; PADDING:0 5px 2px 5px;MARGIN: 2px; COLOR: #5192ce; PADDING-TOP: 2px;}